<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>
           EMS4J
        </title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="format-detection" content="telephone=no">
        <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
        <link rel="shortcut icon" type="image/x-icon" href="../images/icon/ems.ico">
        <link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.min.css">
        <link rel="stylesheet" href="../style/font-awesome.min.css">
        <link rel="stylesheet" href="../style/ionicons.min.css">
        <link rel="stylesheet" href="../style/AdminLTE.min.css">
        <link rel="stylesheet" href="../style/_all-skins.min.css">
<style>
    a{cursor: pointer;}
</style>

    </head>
    <body class="sidebar-mini ajax-template skin-blue fixed">
        <div class="wrapper" id="employeeInfo">
            <header class="main-header">
                <!-- Logo -->
                <a href="#" class="logo">
                    <!-- mini logo for sidebar mini 50x50 pixels -->
                    <!--<span class="logo-mini"><b>R</b>C</span>-->
                    <!-- logo for regular state and mobile devices -->
                    <span class="logo-lg"><b>EMS</b>4j</span>
                </a>
                <!-- Header Navbar: style can be found in header.less -->
                <nav class="navbar navbar-static-top">
                    <!-- Sidebar toggle button-->
                    <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
                        <span class="sr-only">切换导航</span>
                    </a>

                    <div class="navbar-custom-menu">
                        <ul class="nav navbar-nav">
                            <!-- Messages: style can be found in dropdown.less-->
                            <!--<li class="dropdown messages-menu">-->
                                <!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">-->
                                    <!--<i class="fa fa-envelope-o"></i>-->
                                    <!--<span class="label label-success">4</span>-->
                                <!--</a>-->
                                <!--<ul class="dropdown-menu">-->
                                    <!--<li class="header">你有4个消息</li>-->
                                    <!--<li>-->
                                        <!--&lt;!&ndash; inner menu: contains the actual data &ndash;&gt;-->
                                        <!--<ul class="menu">-->
                                            <!--<li>&lt;!&ndash; start message &ndash;&gt;-->
                                                <!--<a href="#">-->
                                                    <!--<div class="pull-left">-->
                                                        <!--<img src="../images/user/user2-160x160.jpg" class="img-circle" alt="User Image">-->
                                                    <!--</div>-->
                                                    <!--<h4>-->
                                                        <!--运营团队-->
                                                        <!--<small><i class="fa fa-clock-o"></i> 5 分钟</small>-->
                                                    <!--</h4>-->
                                                    <!--<p>为什么要使用龙果模板?</p>-->
                                                <!--</a>-->
                                            <!--</li>-->
                                            <!--&lt;!&ndash; end message &ndash;&gt;-->
                                            <!--<li>-->
                                                <!--<a href="#">-->
                                                    <!--<div class="pull-left">-->
                                                        <!--<img src="../images/user/user3-128x128.jpg" class="img-circle" alt="User Image">-->
                                                    <!--</div>-->
                                                    <!--<h4>-->
                                                        <!--设计团队-->
                                                        <!--<small><i class="fa fa-clock-o"></i> 2 小时</small>-->
                                                    <!--</h4>-->
                                                    <!--<p>为什么要使用龙果模板?</p>-->
                                                <!--</a>-->
                                            <!--</li>-->
                                            <!--<li>-->
                                                <!--<a href="#">-->
                                                    <!--<div class="pull-left">-->
                                                        <!--<img src="../images/user/user4-128x128.jpg" class="img-circle" alt="User Image">-->
                                                    <!--</div>-->
                                                    <!--<h4>-->
                                                        <!--开发者-->
                                                        <!--<small><i class="fa fa-clock-o"></i> 今天</small>-->
                                                    <!--</h4>-->
                                                    <!--<p>为什么要使用龙果模板?</p>-->
                                                <!--</a>-->
                                            <!--</li>-->
                                            <!--<li>-->
                                                <!--<a href="#">-->
                                                    <!--<div class="pull-left">-->
                                                        <!--<img src="../images/user/user3-128x128.jpg" class="img-circle" alt="User Image">-->
                                                    <!--</div>-->
                                                    <!--<h4>-->
                                                        <!--销售部-->
                                                        <!--<small><i class="fa fa-clock-o"></i> 昨天</small>-->
                                                    <!--</h4>-->
                                                    <!--<p>为什么要使用龙果模板?</p>-->
                                                <!--</a>-->
                                            <!--</li>-->
                                            <!--<li>-->
                                                <!--<a href="#">-->
                                                    <!--<div class="pull-left">-->
                                                        <!--<img src="../images/user/user4-128x128.jpg" class="img-circle" alt="User Image">-->
                                                    <!--</div>-->
                                                    <!--<h4>-->
                                                        <!--测试员-->
                                                        <!--<small><i class="fa fa-clock-o"></i> 2 天前</small>-->
                                                    <!--</h4>-->
                                                    <!--<p>为什么要使用龙果模板?</p>-->
                                                <!--</a>-->
                                            <!--</li>-->
                                        <!--</ul>-->
                                    <!--</li>-->
                                    <!--<li class="footer"><a href="#">查看所有消息</a></li>-->
                                <!--</ul>-->
                            <!--</li>-->
                            <!-- Notifications: style can be found in dropdown.less -->
                            <!--<li class="dropdown notifications-menu">-->
                                <!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">-->
                                    <!--<i class="fa fa-bell-o"></i>-->
                                    <!--<span class="label label-warning">10</span>-->
                                <!--</a>-->
                                <!--<ul class="dropdown-menu">-->
                                    <!--<li class="header">你有10个通知</li>-->
                                    <!--<li>-->
                                        <!--&lt;!&ndash; inner menu: contains the actual data &ndash;&gt;-->
                                        <!--<ul class="menu">-->
                                            <!--<li>-->
                                                <!--<a href="#">-->
                                                    <!--<i class="fa fa-users text-aqua"></i> 今天有 5 人加入-->
                                                <!--</a>-->
                                            <!--</li>-->
                                            <!--<li>-->
                                                <!--<a href="#">-->
                                                    <!--<i class="fa fa-warning text-yellow"></i> 很长的描述，可能在这里不适合展示-->
                                                <!--</a>-->
                                            <!--</li>-->
                                            <!--<li>-->
                                                <!--<a href="#">-->
                                                    <!--<i class="fa fa-users text-red"></i> 5 新用户-->
                                                <!--</a>-->
                                            <!--</li>-->
                                            <!--<li>-->
                                                <!--<a href="#">-->
                                                    <!--<i class="fa fa-shopping-cart text-green"></i> 25 销售额-->
                                                <!--</a>-->
                                            <!--</li>-->
                                            <!--<li>-->
                                                <!--<a href="#">-->
                                                    <!--<i class="fa fa-user text-red"></i> 你更改了你的用户名-->
                                                <!--</a>-->
                                            <!--</li>-->
                                        <!--</ul>-->
                                    <!--</li>-->
                                    <!--<li class="footer"><a href="#">显示全部</a></li>-->
                                <!--</ul>-->
                            <!--</li>-->
                            <!-- Tasks: style can be found in dropdown.less -->
                            <!--<li class="dropdown tasks-menu">-->
                                <!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">-->
                                    <!--<i class="fa fa-flag-o"></i>-->
                                    <!--<span class="label label-danger">9</span>-->
                                <!--</a>-->
                                <!--<ul class="dropdown-menu">-->
                                    <!--<li class="header">你有9个任务</li>-->
                                    <!--<li>-->
                                        <!--&lt;!&ndash; inner menu: contains the actual data &ndash;&gt;-->
                                        <!--<ul class="menu">-->
                                            <!--<li>&lt;!&ndash; Task item &ndash;&gt;-->
                                                <!--<a href="#">-->
                                                    <!--<h3>-->
                                                        <!--设计一些按钮-->
                                                        <!--<small class="pull-right">20%</small>-->
                                                    <!--</h3>-->
                                                    <!--<div class="progress xs">-->
                                                        <!--<div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">-->
                                                            <!--<span class="sr-only">20% 完成</span>-->
                                                        <!--</div>-->
                                                    <!--</div>-->
                                                <!--</a>-->
                                            <!--</li>-->
                                            <!--&lt;!&ndash; end task item &ndash;&gt;-->
                                            <!--<li>&lt;!&ndash; Task item &ndash;&gt;-->
                                                <!--<a href="#">-->
                                                    <!--<h3>-->
                                                        <!--创造一个好的主题-->
                                                        <!--<small class="pull-right">40%</small>-->
                                                    <!--</h3>-->
                                                    <!--<div class="progress xs">-->
                                                        <!--<div class="progress-bar progress-bar-green" style="width: 40%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">-->
                                                            <!--<span class="sr-only">40% 完成</span>-->
                                                        <!--</div>-->
                                                    <!--</div>-->
                                                <!--</a>-->
                                            <!--</li>-->
                                            <!--&lt;!&ndash; end task item &ndash;&gt;-->
                                            <!--<li>&lt;!&ndash; Task item &ndash;&gt;-->
                                                <!--<a href="#">-->
                                                    <!--<h3>-->
                                                        <!--使用龙果模板-->
                                                        <!--<small class="pull-right">60%</small>-->
                                                    <!--</h3>-->
                                                    <!--<div class="progress xs">-->
                                                        <!--<div class="progress-bar progress-bar-red" style="width: 60%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">-->
                                                            <!--<span class="sr-only">60% 完成</span>-->
                                                        <!--</div>-->
                                                    <!--</div>-->
                                                <!--</a>-->
                                            <!--</li>-->
                                            <!--&lt;!&ndash; end task item &ndash;&gt;-->
                                            <!--<li>&lt;!&ndash; Task item &ndash;&gt;-->
                                                <!--<a href="#">-->
                                                    <!--<h3>-->
                                                        <!--活动规则设定-->
                                                        <!--<small class="pull-right">80%</small>-->
                                                    <!--</h3>-->
                                                    <!--<div class="progress xs">-->
                                                        <!--<div class="progress-bar progress-bar-yellow" style="width: 80%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">-->
                                                            <!--<span class="sr-only">80% 完成</span>-->
                                                        <!--</div>-->
                                                    <!--</div>-->
                                                <!--</a>-->
                                            <!--</li>-->
                                            <!--&lt;!&ndash; end task item &ndash;&gt;-->
                                        <!--</ul>-->
                                    <!--</li>-->
                                    <!--<li class="footer">-->
                                        <!--<a href="#">查看所有任务</a>-->
                                    <!--</li>-->
                                <!--</ul>-->
                            <!--</li>-->
                            <!-- User Account: style can be found in dropdown.less -->
                            <li class="dropdown user user-menu" id="top_employee">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    <img src="../images/user/user2-160x160.jpg" class="user-image" alt="User Image">
                                    <span class="hidden-xs">{{name}}</span>
                                </a>
                                <ul class="dropdown-menu">
                                    <!-- User image -->
                                    <li class="user-header">
                                        <img src="../images/user/user2-160x160.jpg" class="img-circle" alt="User Image">

                                        <p>
                                            {{name}} - {{position}}
                                            <!--<small>{{entrydate | ymd}} 加入</small>-->
                                        </p>
                                    </li>
                                    <!-- Menu Body -->
                                    <!--<li class="user-body">-->
                                        <!--<div class="row">-->
                                            <!--<div class="col-xs-4 text-center">-->
                                                <!--<a href="#">下属</a>-->
                                            <!--</div>-->
                                            <!--<div class="col-xs-4 text-center">-->
                                                <!--<a href="#">销售额</a>-->
                                            <!--</div>-->
                                            <!--<div class="col-xs-4 text-center">-->
                                                <!--<a href="#">朋友</a>-->
                                            <!--</div>-->
                                        <!--</div>-->
                                        <!--&lt;!&ndash; /.row &ndash;&gt;-->
                                    <!--</li>-->
                                    <!-- Menu Footer-->
                                    <li class="user-footer">
                                        <!--<div class="pull-left">-->
                                            <!--<a href="#" class="btn btn-default btn-flat">简介</a>-->
                                        <!--</div>-->
                                        <div class="pull-right">
                                            <a href="#" class="btn btn-default btn-flat" @click="quit">退出</a>
                                        </div>
                                    </li>
                                </ul>
                            </li>
                            <!-- Control Sidebar Toggle Button -->
                            <li>
                                <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
                            </li>
                        </ul>
                    </div>
                </nav>
            </header>
            <!-- Left side column. contains the logo and sidebar -->
            <aside class="main-sidebar">
                <!-- sidebar: style can be found in sidebar.less -->
                <section class="sidebar">
                    <!-- Sidebar user panel -->
                    <div class="user-panel" id="userinfo1">
                        <div class="pull-left image">
                            <img src="../images/user/user2-160x160.jpg" class="img-circle" alt="User Image">
                        </div>
                        <div class="pull-left info">
                            <p>{{name}}</p>
                            <a href="#"><i class="fa fa-circle text-success"></i> 在线</a>
                        </div>
                    </div>
                    <!-- search form -->
                    <!--<form action="#" method="get" class="sidebar-form">-->
                        <!--<div class="input-group">-->
                            <!--<input type="text" name="q" class="form-control" placeholder="Search...">-->
                              <!--<span class="input-group-btn">-->
                                <!--<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>-->
                                <!--</button>-->
                              <!--</span>-->
                        <!--</div>-->
                    <!--</form>-->
                    <!-- /.search form -->
                    <!-- sidebar menu: : style can be found in sidebar.less -->
                    <ul class="sidebar-menu">
                        <li class="header">主导航</li>

                        <li class="active treeview" id="leftMenu">
                            <a href="#">
                                <i class="fa fa-dashboard"></i> <span>通讯录</span>
                                <span class="pull-right-container">
                                  <i class="fa fa-angle-left pull-right"></i>
                                </span>
                            </a>
                            <ul class="treeview-menu">
                                <li class="active"><a   @click="changeContent"  url="department_management.html"><i class="fa fa-circle-o"></i> 员工部门</a></li>
                                <li><a  @click="changeContent" url="role_management.html"><i class="fa fa-circle-o"></i> 角色管理</a></li>
                                <li><a  @click="changeContent" url="menu_management.html"><i class="fa fa-circle-o"></i> 权限管理</a></li>
                            </ul>
                        </li>

                        <!--<li><a href="documentation/index.html"><i class="fa fa-book"></i> <span>文档</span></a></li>-->
                        <!--<li class="header">标签</li>-->
                        <!--<li><a href="javascript:void(0);"><i class="fa fa-circle-o text-red"></i> <span>重要</span></a></li>-->
                        <!--<li><a href="javascript:void(0);"><i class="fa fa-circle-o text-yellow"></i> <span>警告</span></a></li>-->
                        <!--<li><a href="javascript:void(0);"><i class="fa fa-circle-o text-aqua"></i> <span>消息</span></a></li>-->
                    </ul>
                </section>
                <!-- /.sidebar -->
            </aside>

            <!-- Content Wrapper. Contains page content -->
            <div class="content-wrapper">

                <!-- Main content -->
                <!--<section class="" id="content">-->
                <div id="htmlContent" class="tabs-panel" style="width: 100%">
                </div>
                <!--</section>-->
                <!-- /.content -->
            </div>
            <!-- /.content-wrapper -->
            <footer class="main-footer">
                <div class="pull-right hidden-xs">
                    <b>Version</b> 2.3.6
                </div>
                <strong>Copyright &copy; 2014-2016 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights
                reserved.
            </footer>

            <!-- Control Sidebar -->
            <aside class="control-sidebar control-sidebar-dark">
                <!-- Create the tabs -->
                <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
                    <li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
                    <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
                </ul>
                <!-- Tab panes -->
                <div class="tab-content">
                    <!-- Home tab content -->
                    <div class="tab-pane" id="control-sidebar-home-tab">
                        <h3 class="control-sidebar-heading">最近的活动</h3>
                        <ul class="control-sidebar-menu">
                            <li>
                                <a href="javascript:void(0)">
                                    <i class="menu-icon fa fa-birthday-cake bg-red"></i>

                                    <div class="menu-info">
                                        <h4 class="control-sidebar-subheading">我的生日</h4>

                                        <p>四月二十四</p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">
                                    <i class="menu-icon fa fa-user bg-yellow"></i>

                                    <div class="menu-info">
                                        <h4 class="control-sidebar-subheading">更新我的资料</h4>

                                        <p>新手机号码 (+86)1234567890</p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">
                                    <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>

                                    <div class="menu-info">
                                        <h4 class="control-sidebar-subheading">添加邮箱地址</h4>

                                        <p>abc@roncoo.com</p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">
                                    <i class="menu-icon fa fa-file-code-o bg-green"></i>

                                    <div class="menu-info">
                                        <h4 class="control-sidebar-subheading">写个256字的描述</h4>

                                        <p>执行时间5秒</p>
                                    </div>
                                </a>
                            </li>
                        </ul>
                        <!-- /.control-sidebar-menu -->

                        <h3 class="control-sidebar-heading">任务进度</h3>
                        <ul class="control-sidebar-menu">
                            <li>
                                <a href="javascript:void(0)">
                                    <h4 class="control-sidebar-subheading">
                                        自定义模板的设计
                                        <span class="label label-danger pull-right">70%</span>
                                    </h4>

                                    <div class="progress progress-xxs">
                                        <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">
                                    <h4 class="control-sidebar-subheading">
                                        更新简历
                                        <span class="label label-success pull-right">95%</span>
                                    </h4>

                                    <div class="progress progress-xxs">
                                        <div class="progress-bar progress-bar-success" style="width: 95%"></div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">
                                    <h4 class="control-sidebar-subheading">
                                        获取积分
                                        <span class="label label-warning pull-right">50%</span>
                                    </h4>

                                    <div class="progress progress-xxs">
                                        <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">
                                    <h4 class="control-sidebar-subheading">
                                        后端框架
                                        <span class="label label-primary pull-right">68%</span>
                                    </h4>

                                    <div class="progress progress-xxs">
                                        <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
                                    </div>
                                </a>
                            </li>
                        </ul>
                        <!-- /.control-sidebar-menu -->

                    </div>
                    <!-- /.tab-pane -->

                    <!-- Settings tab content -->
                    <div class="tab-pane" id="control-sidebar-settings-tab">
                        <form method="post">
                            <h3 class="control-sidebar-heading">一般设置</h3>

                            <div class="form-group">
                                <label class="control-sidebar-subheading">
                                    面板的使用报告
                                    <input type="checkbox" class="pull-right" checked>
                                </label>

                                <p>
                                    有关此常规设置选项的一些信息
                                </p>
                            </div>
                            <!-- /.form-group -->

                            <div class="form-group">
                                <label class="control-sidebar-subheading">
                                    允许邮件重定向
                                    <input type="checkbox" class="pull-right" checked>
                                </label>

                                <p>
                                    其他可用的选项集
                                </p>
                            </div>
                            <!-- /.form-group -->

                            <div class="form-group">
                                <label class="control-sidebar-subheading">
                                    在帖子中公开作者姓名
                                    <input type="checkbox" class="pull-right" checked>
                                </label>

                                <p>
                                    允许用户在博客帖子中显示自己的名字
                                </p>
                            </div>
                            <!-- /.form-group -->

                            <h3 class="control-sidebar-heading">聊天设置</h3>

                            <div class="form-group">
                                <label class="control-sidebar-subheading">
                                    显示我是否在线
                                    <input type="checkbox" class="pull-right" checked>
                                </label>
                            </div>
                            <!-- /.form-group -->

                            <div class="form-group">
                                <label class="control-sidebar-subheading">
                                    关闭通知
                                    <input type="checkbox" class="pull-right">
                                </label>
                            </div>
                            <!-- /.form-group -->

                            <div class="form-group">
                                <label class="control-sidebar-subheading">
                                    删除的聊天记录
                                    <a href="javascript:void(0)" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
                                </label>
                            </div>
                            <!-- /.form-group -->
                        </form>
                    </div>
                    <!-- /.tab-pane -->
                </div>
            </aside>
            <!-- /.control-sidebar -->
            <!-- Add the sidebar's background. This div must be placed
                 immediately after the control sidebar -->
            <div class="control-sidebar-bg"></div>
        </div>







        <!--加载效果-->
        <div id="loading" class="loading-panel">
            <div class="box">
                <i class="fa fa-refresh fa-spin"></i>
        <span class="tip">
           正在加载 · · ·
        </span>
            </div>
        </div>


        <div class="modal fade" id="msgModal"  role="dialog" style="margin-top: 10%">
            <div class="modal-dialog modal-sm">
                <div class="modal-content">
                    <div class="modal-header" >
                        <h4 class="modal-title" >提示信息</h4>
                    </div>
                    <div class="modal-body" id="msgContent" ></div>
                </div>
            </div>
        </div>












        <script src="../js/jquery.min.js"></script>
        <script src="../plugins/bootstrap/js/bootstrap.min.js"></script>
        <script src="../plugins/fastclick/fastclick.js"></script>
        <!-- Slimscroll -->
        <script src="../plugins/slimScroll/jquery.slimscroll.min.js"></script>
        <!-- AdminLTE App -->
        <script src="../js/app.js"></script>
        <script type="text/javascript" src="../js/vue.js"></script>
        <script type="text/javascript" src="../js/vue-resource.js"></script>

        <!-- 以上JS为页面必须 -->

        <!-- jQuery UI 1.11.4 -->
        <!--<script src="plugins/jQueryUI/jquery-ui.min.js"></script>-->
        <!--&lt;!&ndash; Morris.js charts &ndash;&gt;-->
        <!--<script src="plugins/raphael/raphael.min.js"></script>-->
        <!--<script src="plugins/morris/morris.min.js"></script>-->
        <!--&lt;!&ndash; Sparkline &ndash;&gt;-->
        <!--<script src="plugins/sparkline/jquery.sparkline.min.js"></script>-->
        <!--&lt;!&ndash; jvectormap &ndash;&gt;-->
        <!--<script src="plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>-->
        <!--<script src="plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>-->
        <!--&lt;!&ndash; jQuery Knob Chart &ndash;&gt;-->
        <!--<script src="plugins/knob/jquery.knob.js"></script>-->
        <!--&lt;!&ndash; daterangepicker &ndash;&gt;-->
        <!--<script src="plugins/moment/moment.min.js"></script>-->
        <!--<script src="plugins/daterangepicker/daterangepicker.js"></script>-->
        <!--&lt;!&ndash; datepicker &ndash;&gt;-->
        <!--<script src="plugins/datepicker/bootstrap-datepicker.js"></script>-->
        <!--&lt;!&ndash; Bootstrap WYSIHTML5 &ndash;&gt;-->
        <!--<script src="plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>-->
        <!--&lt;!&ndash; SlimScroll 1.3.0 &ndash;&gt;-->
        <!--<script src="plugins/slimScroll/jquery.slimscroll.min.js"></script>-->
        <!--&lt;!&ndash; ChartJS 1.0.1 &ndash;&gt;-->
        <!--<script src="plugins/chartjs/Chart.min.js"></script>-->
        <!--&lt;!&ndash; FLOT CHARTS &ndash;&gt;-->
        <!--<script src="plugins/flot/jquery.flot.min.js"></script>-->
        <!--&lt;!&ndash; FLOT RESIZE PLUGIN - allows the chart to redraw when the window is resized &ndash;&gt;-->
        <!--<script src="plugins/flot/jquery.flot.resize.min.js"></script>-->
        <!--&lt;!&ndash; FLOT PIE PLUGIN - also used to draw donut charts &ndash;&gt;-->
        <!--<script src="plugins/flot/jquery.flot.pie.min.js"></script>-->
        <!--&lt;!&ndash; FLOT CATEGORIES PLUGIN - Used to draw bar charts &ndash;&gt;-->
        <!--<script src="plugins/flot/jquery.flot.categories.min.js"></script>-->
        <!--&lt;!&ndash; iCheck &ndash;&gt;-->
        <!--<script src="plugins/iCheck/icheck.min.js"></script>-->
        <!--&lt;!&ndash; Select2 &ndash;&gt;-->
        <!--<script src="plugins/select2/select2.full.min.js"></script>-->
        <!--&lt;!&ndash; InputMask &ndash;&gt;-->
        <!--<script src="plugins/input-mask/jquery.inputmask.js"></script>-->
        <!--<script src="plugins/input-mask/jquery.inputmask.date.extensions.js"></script>-->
        <!--<script src="plugins/input-mask/jquery.inputmask.extensions.js"></script>-->
        <!--&lt;!&ndash; date-range-picker &ndash;&gt;-->
        <!--<script src="plugins/daterangepicker/daterangepicker.js"></script>-->
        <!--&lt;!&ndash; bootstrap datepicker &ndash;&gt;-->
        <!--<script src="plugins/datepicker/bootstrap-datepicker.js"></script>-->
        <!--&lt;!&ndash; bootstrap color picker &ndash;&gt;-->
        <!--<script src="plugins/colorpicker/bootstrap-colorpicker.min.js"></script>-->
        <!--&lt;!&ndash; bootstrap time picker &ndash;&gt;-->
        <!--<script src="plugins/timepicker/bootstrap-timepicker.min.js"></script>-->
        <!--&lt;!&ndash; Ion Slider &ndash;&gt;-->
        <!--<script src="plugins/ionslider/ion.rangeSlider.min.js"></script>-->
        <!--&lt;!&ndash; Bootstrap slider &ndash;&gt;-->
        <!--<script src="plugins/bootstrap-slider/bootstrap-slider.js"></script>-->
        <!--&lt;!&ndash; DataTables &ndash;&gt;-->
        <!--<script src="plugins/datatables/jquery.dataTables.min.js"></script>-->
        <!--<script src="plugins/datatables/dataTables.bootstrap.min.js"></script>-->

    <script type="text/javascript">
        Vue.http.get('/ems4j/employee/getLoginUser',{}).then(function (response) {
            console.log(response.body);
            if (response.body == "nologin"){window.location.href="../index.html";}
            var userinfo1 = new Vue({
                el:'#userinfo1',
                data:response.body
            });
            var top_employee = new Vue({
                el:'#top_employee',
                data:response.body,
//                filters:{
//                    ymd:function (value, formatString) {
//                        formatString = formatString || 'yyyy-MM-dd';
//                        return this.ymd(value).format(formatString);
//                    }
//                }
                methods:{
                    quit:function (event) {
                        Vue.http.get('/ems4j/quit',{}).then(function (response) {
                            window.location.href="../index.html";
                        },function () {});
                    }
                }
            });
        },function () {
            console.log("error");
        });

        var leftMenu = new Vue({
            el:'#leftMenu',
            methods:{
                changeContent:function changeContent(e) {
                    $("#loading").show();
                    console.log(e.currentTarget);
                    console.log($(e.currentTarget).attr('url'));
                    $('#htmlContent').load($(e.currentTarget).attr('url'),function () {
                        $("#loading").hide();
                    });
                }
            }
        });

        $('#htmlContent').load('department_management.html',function () {
            $("#loading").hide();
        });


    </script>
    </body>
</html>